.xyd_panel{
	outline:0px solid #f00;
	/*
	background:#f5f5f5;
	*/
}
.xyd_panel .xyd_width{
	margin:0px auto;
	outline:0px solid #f00;
}

.xyd_panel .xyd_header{
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #ccc;
	background:#fff;
}
.xyd_panel .xyd_header .head_logo{
	float:left;
	margin-left:50px;
	outline:0px solid #0033cc;
}
.xyd_panel .xyd_header .head_logo .img{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
}
.xyd_panel .xyd_header .head_logo .name{
	height:30px;
	line-height:30px;
	float:left;
	font-size:24px;
	color:#333;
	padding:0em 2em 0em 0.3em;
}
.xyd_panel .xyd_header .head_menu{
	float:left;
	outline:0px solid #0033cc;
}
.xyd_panel .xyd_header .head_menu li{
	float:left;
	padding:0px 20px 0px 20px;
	line-height:30px;
	outline:0px solid #0033cc;
	font-size:16px;
}
.xyd_panel .xyd_header .head_menu li a{
	color:#333;
}
.xyd_panel .xyd_header .head_menu li a:hover{
	color:#f00;
	text-decoration:underline;
}
.xyd_panel .xyd_header .head_user{
	float:right;
	margin-right:50px;
}

.xyd_panel .xyd_body:before{
	content:"\200B";
	height:0;
	display:block;
}
.xyd_panel .xyd_body{
	position:relative;
	outline:0px solid #0033cc;
	*zoom :1;
}

.xyd_panel .xyd_body .body_left{
	position:absolute;
	left:0px;
	top:0px;
	width:259px;
	border-right:1px solid #ccc;
	outline:0px solid #f00;
}
.xyd_panel .xyd_body .body_right{
	margin-left:260px;
	background:#fff;
	overflow:scroll;
	outline:0px solid #f00;
}

.xyd_body_row{
	border-right:1px solid #ccc;
	height:100%;
	position:absolute;
	left:259px;
	top:0;
	z-index:-1;
}

/*左侧菜单*/
.xyd_panel .xyd_body .body_menu{}
.xyd_panel .xyd_body .body_menu .title{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#FFCD5D;
	position:relative;
	padding-left:80px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.xyd_panel .xyd_body .body_menu .title a{
	color:#333;
}
.xyd_panel .xyd_body .body_menu .title .icon{
	outline:0px solid #f00;
	position:absolute;
	top:0px;
	right:10px;
	color:#999;
}

.xyd_panel .xyd_body .body_menu .title:hover a{
	color:#f00;
	/*
	text-decoration:underline;
	*/
}

.xyd_panel .xyd_body .body_menu .title .back{
	position:absolute;
	left:30px;
	top:5px;
	width:30px;
	height:30px;
}

.xyd_panel .xyd_body .body_menu .title .home{
	background:url(../images/menu-left/home.gif) no-repeat;
}
.xyd_panel .xyd_body .body_menu .title .accumulation{
	background:url(../images/menu-left/accumulation.gif) no-repeat;
}
.xyd_panel .xyd_body .body_menu .title .loan{
	background:url(../images/menu-left/loan.gif) no-repeat;
}
.xyd_panel .xyd_body .body_menu .title .business{
	background:url(../images/menu-left/business.gif) no-repeat;
}


.xyd_panel .xyd_body .body_menu .item{
	padding-left:80px;
	line-height:40px;
	font-size:14px;
	color:#666;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.xyd_panel .xyd_body .body_menu .item:hover{
	background:#FF6562;
	border-bottom:1px solid #FF6562;
}
.xyd_panel .xyd_body .body_menu .item a{
	color:#666;
}

.xyd_panel .xyd_body .body_menu .item:hover a{
	color:#fff;
}

.xyd_panel .xyd_body .body_menu .two{
	display:none;
}

.xyd_panel .xyd_body .body_right .user_btn_box{}
.xyd_panel .xyd_body .body_right .user_btn_box .btn_click{
	width:172px;
	height:44px;
	line-height:44px;
	margin:0 auto;
	cursor:pointer;
	font-size:16px;
}

.xyd_panel .xyd_body .body_right .user_btn_box .btn_back_red{
	background:url(../images/page_body/loan_schedule/btn_red.gif) no-repeat;
}
.xyd_panel .xyd_body .body_right .user_btn_box .btn_back_white{
	background:url(../images/page_body/loan_schedule/btn_white.gif) no-repeat;
}
.xyd_panel .xyd_body .body_right .user_btn_box .span_white{
	color:#fff;
}
.xyd_panel .xyd_body .body_right .user_btn_box .span_red{
	color:#f00;
}
.xyd_panel .xyd_body .body_right .user_btn_box .span_blacker{
	color:#333;
}

/*页面底部*/
.xyd_panel .xyd_bottom{
	height:50px;
	background:#f2f2f2;
}

/*****************用户贷款选择*****************/
#user_loan{
	border:1px solid #ccc;
	margin:20px;
}
#user_loan .title{
	line-height:40px;
	padding-left:2em;
	font-size:16px;
	color:#666;
	border-bottom:1px solid #ccc;
}

/*ie7 不支持before
#user_loan .loan_schedule:before{
	content:"\200B";
	display: block;
	position:absolute;
	left:0px;
	top:39px;
	z-index:99999;
	width:100%;
	height:20px;
	border-top:2px solid #A8A8A8;
	outline:1px solid #f00;
}
*/


#user_loan .loan_schedule{
	position:relative;
	outline:0px solid #f00;
	padding:10px 0px 10px 0px;
	*zoom :1;
}

#user_loan .loan_schedule  li{
	float:left;
	width:14.28%;
	outline:0px solid #f00;
	margin-top:18px;
	font-weight:bold;
	z-index:3;
}
#user_loan .loan_schedule .backgroup{
	position:relative;
	font-size:16px;
}
#user_loan .loan_schedule .backgroup .s_back{
	position:absolute;
	left:0px;
	top:14px;
	z-index:-1;
	width:100%;
	height:2px;
	border-top:2px solid #A8A8A8;
}

#user_loan .loan_schedule .backgroup .back{
	width:28px;
	height:28px;
	margin:0 auto;
	color:#fff;
	line-height:28px;
	text-align:center;
}
#user_loan .loan_schedule  .backgroup .help{
	margin:10px 0px 10px 0px;
	text-align:center;
}
#user_loan .loan_schedule .group1 .s_back{
	border-top:2px solid #A8A8A8;
}
#user_loan .loan_schedule .group2 .s_back{
	border-top:2px solid #ff6461;
}

#user_loan .loan_schedule .group1 .back{
	background:url(../images/page_body/loan_schedule/back1.gif) no-repeat;
	color:#fff;
}
#user_loan .loan_schedule   .group2 .back{
	background:url(../images/page_body/loan_schedule/back2.gif) no-repeat;
}
#user_loan .loan_schedule   .group1 .help{
	color:#999;
}
#user_loan .loan_schedule   .group2 .help{
	color:#ff6462;
}
#user_loan .loan_class{
	padding:5px 0px 5px 0px;
	font-size:15px;
	color:#666;
	margin-top:20px;
}
#user_loan .loan_class .class_title{
	padding:5px 0px 5px 0px;
	font-weight:bold;
	padding-left:2em;
	font-size:16px;
}
#user_loan .loan_class .class_info{
	padding:5px 0px 5px 0px;
	color:#999;
	padding-left:2em;
}
#user_loan .loan_class ul{
	margin:20px 20px 0px 20px;
	padding:20px 0px 20px 0px;
}
#user_loan .loan_class li{
	float:left;
	width:24.5%;
	text-align:center;
}
#user_loan .loan_class li .list{
	width:80%;
	margin:0 auto;
	border:2px solid #fff;
	cursor:pointer;
	padding:10px 0px 10px 0px;
}
#user_loan .loan_class li .list:hover{
	border:2px solid #3398ff;
}
#user_loan .loan_class li .img{
	width:60%;
	margin:0 auto;
}
#user_loan .loan_class li .img img{
	width:100%;
}

#user_loan .loan_class li  .span{
	color:#666;
}
#user_loan .loan_class li  .t1{
	margin-top:20px;
	font-weight:bold;
}

/*贷款协议*/
#user_var{
	width:80%;
	margin:30px auto;
}

#user_var .about_content{
	width:100%;
	height:350px;
	overflow:scroll;
	overflow-x:hidden;
	border:2px solid #ccc;
	font-size:15px;
	border-radius:5px;
	line-height:30px;
	color:#777;
	padding:10px;;
}

/*贷款人信息*/
#user_loan  .user_data{
	margin:20px 0px 20px 0px;
}
#user_loan  .user_data table{
	width:100%;
	border:0;
	margin:0 auto;
	font-size:14px;
}
#user_loan  .user_data table thead td{
	border:0px;
	font-size:16px;
	color:#333!important;
}
#user_loan  .user_data table thead .icon{
	width:4px;
	height:13px;
	background:#ff6666;
	margin-right:2px;
}

#user_loan  .user_data table thead .btn{
	width:28px;
	height:12px;
	margin-left:10px;
	cursor:pointer;
}
#user_loan  .user_data table thead .btn.b1{
	background:url(../images/page_body/loan_schedule/btn_unfold.gif) no-repeat;
}
#user_loan  .user_data table thead .btn.b2{
	background:url(../images/page_body/loan_schedule/btn_shrink.gif) no-repeat;

}

#user_loan  .user_data table td{
	padding:10px;
	border:1px solid #ccc;
}

#user_loan  .user_data table .line1 td{
	background:#f5f4f0;
}
#user_loan  .user_data table td .warning{
	color:#f00;
	position:relative;
	border:0px solid #f00;
	
}
#user_loan  .user_data table td .warning .special{
	position:absolute;
	left:-13px;
	top:3px;
	font-size:20px;
}

#user_loan  .user_data table td .warning input{
	height:20px;
	width:50%;
	border:1px solid #999;
	color:#333;
}
#user_loan  .user_data table td select{
	height:22px;
	width:100px;
}
#user_loan  .user_data .linestyle1{
	border-left:0px;
	border-right:0px;
	width:20%;
	color:#333;
	font-weight:bold;
}
#user_loan  .user_data .linestyle2{
	border-left:0px;
	width:30%;
	color:#777;
}

#user_loan  .user_data .linestyle3{
	border-left:0px;
	border-right:0px;
	width:20%;
	color:#333;
	font-weight:bold;
}
#user_loan  .user_data .linestyle4{
	border-left:0px;
	border-right:0px;
	width:30%;
	color:#777;
}


#user_loan .user_upload_table{
	margin:20px 0px 20px 0px;
}
#user_loan  .user_upload_table table{
	width:100%;
	border:0;
	margin:0 auto;
	font-size:14px;
}
#user_loan  .user_upload_table table thead td{
	border:0px;
	font-size:16px;
	color:#333!important;
}
#user_loan  .user_upload_table table thead .icon{
	width:4px;
	height:13px;
	background:#ff6666;
	margin-right:2px;
}

#user_loan  .user_upload_table table thead .btn{
	width:28px;
	height:12px;
	margin-left:10px;
	cursor:pointer;
}
#user_loan  .user_upload_table table thead .btn.b1{
	background:url(../images/page_body/loan_schedule/btn_unfold.gif) no-repeat;
}
#user_loan  .user_upload_table table thead .btn.b2{
	background:url(../images/page_body/loan_schedule/btn_shrink.gif) no-repeat;
}

#user_loan  .user_upload_table table td{
	padding:10px;
	border:1px solid #ccc;
}
#user_loan  .user_upload_table table .line1 td{
	background:#999;
	color:#fff;
}
#user_loan  .user_upload_table .linestyle1{
	border-left:0px;
	border-right:0px;
	color:#333;
	font-weight:bold;
}
#user_loan  .user_upload_table .linestyle2{
	border-right:0px;
	width:300px;
	color:#777;
}
#user_loan  .user_upload_table .linestyle2{

}
#user_loan  .user_upload_table .linestyle2 .btn_group{
	outline:1px solid #f00;
	float:left;
	width:200px;
}
#user_loan  .user_upload_table .linestyle2 .bean{
	float:left;
}
#user_loan  .user_upload_table .linestyle2 .bean.icon{
	width:20px;
	height:20px;
	outline:1px solid #0033cc;
}
#user_loan  .user_upload_table .linestyle2 .bean.icon.b1{
	background:url(../images/page_body/loan_schedule/upload_start.gif) no-repeat;
}
#user_loan  .user_upload_table .linestyle2 .bean.icon.b2{
	background:url(../images/page_body/loan_schedule/upload_revocation.gif) no-repeat;
}



/*****************用户公积金信息*****************/
#user_accumulation_info{
	color:#666;
	font-size:14px;
	outline:0px solid #f00;
}
#user_accumulation_info .table_box{
	padding:20px;
}
#user_accumulation_info .title{
	background:#F7565B;
	line-height:54px;
	color:#fff;
	padding-left:2em;
	font-size:16px;
}
#user_accumulation_info table{
	width:100%;
	border:2px solid #ccc;
}
#user_accumulation_info table td{
	border:1px solid #ccc;
	padding:10px;
	width:12.5%;
	line-height:24px;
}
#user_accumulation_info table td .warning{
	color:#f00;
	font-weight:bold;
	padding-left:0.3em;
}